body {
    padding: 0!important;
    margin: 0!important;
    font-size: 14px;
}
ol,ul,li{list-style: none;  margin: 0;padding: 0}
a,a:focus, a:hover{
    text-decoration: none;
    outline: none;
}
.bidirection-switch .nav li{
    width: 600px;
}
.bidirection-switch .nav li a{
    width: 300px;
    padding: 10px;
    padding-bottom: 8px;
}
.bidirection-switch .nav li .nav-fa{
    color: #fff;
    padding-top: 16px;
    margin: 10px;
    display:  inline-block;
    width: 80%;
    height: 200px;
    font-size: 18px;
    border-radius: 10px;
}

.bidirection-switch .nav li .title{
    display: block
}
.bidirection-switch .nav li a:hover,.nav li a:focus{
    background: none;
}
.bidirection-switch .nav li.active .nav-fa,.bidirection-switch .nav li a:hover .nav-fa,.bidirection-switch .nav li a:focus .nav-fa{
    border: 4px solid #fff;
    padding-top: 12px;
}
.bidirection-switch .nav li.active .title,.bidirection-switch .nav li a:hover .title,.bidirection-switch .nav li a:focus .title{
    color: #0c81ff;
}

.bidirection-switch .navbar-nav>li>a{
    text-align: center;
    color: #9b9b9b;
    font-size: 16px;
    float: left;
}

.nav li.active .gwbl,.nav li a:hover .gwbl,.nav li a:focus .gwbl,
.nav li.active .jstx.nav li a:hover .jstx,.nav li a:focus .jstx,
.nav li.active .szjm,.nav li a:hover .szjm,.nav li a:focus .szjm,
.nav li.active .tzgg,.nav li a:hover .tzgg,.nav li a:focus .tzgg{
    -webkit-box-shadow: 0 0px 20px #dfeff7;
    -moz-box-shadow: 0 0px 20px #dfeff7;
    box-shadow: 0 0px 20px #dfeff7;
}
.nav li.active .xzsp,.nav li a:hover .xzsp,.nav li a:focus .xzsp,
.nav li.active .zwap,.nav li a:hover .zwap,.nav li a:focus .zwap,
.nav li.active .zxzj,.nav li a:hover .zxzj,.nav li a:focus .zxzj{
    -webkit-box-shadow: 0 0px 20px #FAE3CF;
    -moz-box-shadow: 0 0px 20px #FAE3CF;
    box-shadow: 0 0px 20px #FAE3CF;
}


/* 为每个li标签添加背景颜色 */
.gwbl{  
    background: -webkit-linear-gradient(-60deg,#0c81ff, #FFE256); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(-60deg,#0c81ff, #FFE256); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-60deg,#0c81ff, #FFE256); /* Firefox 3.6 - 15 */
    background: linear-gradient(-60deg,#0c81ff, #FFE256); /* ��׼���﷨ */ 
}

.jstx{
    background: -webkit-linear-gradient(#F9CD5A, #F86F1F); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#F9CD5A, #F86F1F); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#F9CD5A, #F86F1F); /* Firefox 3.6 - 15 */
    background: linear-gradient(#F9CD5A, #F86F1F); /* ��׼���﷨ */
}
.szjm{
    background: -webkit-linear-gradient(left top, #462FB5, #B963D3); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right,#462FB5, #B963D3); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #462FB5, #B963D3); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #462FB5, #B963D3); /* ��׼���﷨ */
}
.tzgg{
    background: -webkit-linear-gradient(#F86F1F, #F9CD5A); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#F86F1F, #F9CD5A); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#F86F1F, #F9CD5A); /* Firefox 3.6 - 15 */
    background: linear-gradient(#F86F1F, #F9CD5A); /* ��׼���﷨ */
}

.xzsp{
    background: -webkit-linear-gradient(-120deg, #D7FE58, #29987F); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(-120deg,#D7FE58, #29987F); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-120deg, #D7FE58, #29987F); /* Firefox 3.6 - 15 */
    background: linear-gradient(-120deg, #D7FE58, #29987F); /* ��׼���﷨ */
}
.zwap{
    background: -webkit-linear-gradient(#086ADC, #89D2F8); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#086ADC, #89D2F8); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#086ADC, #89D2F8); /* Firefox 3.6 - 15 */
    background: linear-gradient(#086ADC, #89D2F8); /* ��׼���﷨ */
}
.zxzj{
    background: -webkit-linear-gradient(#FF3E60, #FFF05C); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#FF3E60, #FFF05C); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#FF3E60, #FFF05C); /* Firefox 3.6 - 15 */
    background: linear-gradient(#FF3E60, #FFF05C); /* ��׼���﷨ */
}

.go-next{
    float:right;
    margin-top:40px;
    margin-right:10px;
}

.go-prev{
    float:left;
    margin-top:40px;
    margin-left:10px;
}





